<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.5-strict.dtd" >
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Plantas VS Zombies</title>
		<link rel="shortcut icon" href="plantas/Peashooter.png" />
		<link rel="stylesheet" type="text/css" href="styles/pvsz.css" />
		<link rel="stylesheet" type="text/css" href="styles/gamePage.css" />
	</head>
	
<body>
	<header>
		<img id="logo" src="splash.png"/>
	    
		<div id="title">
			<h1>Plantas vs Zombies</h1>
			
			<h3>Dinero disponible: <span wicket:id="puntos"></span></h3>
		</div>
	</header>

	<div id="container">
		<div class="well">
			<div class="centre">
				<form wicket:id="acciones">
					<div class=""></div>
					<input class="btn" wicket:id="goToJardinZenButton" type="submit" value="Ir al Jardin Zen" /> 
					<input class="btn" wicket:id="goToMejorasPeashooter" type="submit" value="Hack: Ir a Mejoras planta Peashooter" /> 
					<input class="btn" wicket:id="goToAlmanaque" type="submit" value="Ir Al Almaque de zombies" />
					<input class="btn" wicket:id="restartGameButton" type="submit" value="Reiniciar juego" />
				</form>
			</div>
		</div>

		<div class="game">
			<div class="game-panel">
				<table class="tablero">
					<tr wicket:id="filas">
						<td id="main" wicket:id="casillero">
							<a href="#" id="buttonDesPlantar" wicket:id="buttonDesPlantar">
								<img class="imgPlanta" wicket:id="imgPlanta" />
								<!-- <span wicket:id="ptsPlanta">0 ATK - 0 DEF</span> -->
							</a>
						</td>
						<td>
							<button class="btn" wicket:id="ataqueZombieBtn">ATAQUEE!</button>
						</td>
					</tr>
				</table>
			</div>
			
			<!-- Selector de zombies -->
			<div class="game-panel">
				<div class="well zombies">
					<form wicket:id="zombieAtacante">
						<label>Seleccione el zombie atacante:</label>
						<select wicket:id="zombieAtacante.nombre">
							<option>aZombie</option>
						</select>
						
						<input class="btn" type="submit" wicket:id="elegirZombie" value="Elegir zombie" />
					</form>
				</div>
			

				<div class="well zombies">
					<form wicket:id="plantaPlantar">
						<label>Seleccione la planta a plantar:</label> 
						<select	wicket:id="plantaPlantar">
							<option>aPlant</option>
						</select>
						
						<!-- DONDE VA LA PLANTA -->
						<input class="btn" type="submit" wicket:id="plantar" value="Elegir planta" />
					</form>
				</div>
				
				<div class="well log">
					<ul class="list-log">
						<li class="mensaje-log" wicket:id="mensajesLog">
							<p class="mensaje" wicket:id="mensaje">unNombre</p>
						</li>
					</ul>
				</div>
				
				<input class="hidden" wicket:id="exceptions"/>
				
			</div>
		</div>
	</div>
</body>
</html>